﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>{$sitename}-留言本</title>
<meta name="keywords" content="{$keywords}">
<meta name="description" content="{$sitename}求片留言本，本站管理员将在第一时间回复与处理你的回复！">
<link href="{$tpl}css/guest/style.css" type="text/css" rel="stylesheet">
<script src="__PUBLIC__/js/jquery.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
    
    // back-to-top
    var $back = $("<div id='back-to-top'><a href='javascript:void(0);'>Back to Top</a></div>");
    $back.appendTo(".wrap");

    $(window).scroll(function(){
        if ($(window).scrollTop()>100){
            $("#back-to-top").fadeIn(100);
        }else{
            $("#back-to-top").fadeOut(100);
        }
    });	
    $("#back-to-top").click(function(){
        $('body,html').animate({scrollTop:0},100);
        return false;
    });
            
    $(".ui-input").focus(function(){
        $(this).parent().addClass("ui-input-parent");
    }).hover(function(){
        $(this).parent().addClass("ui-input-parent-hover");
    },function(){
        $(this).parent().removeClass("ui-input-parent-hover");
    });
    $(".ui-input").blur(function(){
        $(this).parent().removeClass("ui-input-parent");
    });	
    
    // #gb_types
    $("#gb_types li").bind('click',function(e){									
        $("#gb_types li").each(function(){
            $(this).removeClass('selected');
        });
        $(this).addClass('selected');
        $("#gb_cid").val($(this).attr('val'));
    });

});
</script>
<script language="javascript">
$(document).ready(function(){
	$('#gb_content').focus(function(){
		if($('#gb_content').val() == '请留下您的宝贵意见，最多200个字。'){
			$('#gb_content').val('');
		}
	});
	$('#gb_content').blur(function(){
		if($('#gb_content').val() == ''){
			$('#gb_content').val('请留下您的宝贵意见，最多200个字。');
		}
	});	
	$("#guestbook").submit( function () {
		if($('#gb_content').val().length>200){
			$('#gb_tips').html('您输入的留言信息过长，请删减一些！');
  			return false;
		}
		if($('#gb_content').val() == '请留下您的宝贵意见，最多200个字。'){
			$('#gb_content').select();
			$('#gb_tips').html('请输入留言信息！');
  			return false;
		}		
	}); 
});
</script>
</head>

<body>
<!-- // Header Start -->
<div class="header">
	<div class="head-bar fn-clear">
		<div class="logo fn-left">
			<a href="{$root}"><img src="{$tpl}images/logo.png" alt=""></a>
		</div>
		<!-- // Logo End -->
		<div class="gb-logo fn-left">
			<a href="index.php"><img src="{$tpl}css/guest/gb-logo.gif" alt=""></a>
		</div>
		<!-- // Logo End -->
		<div class="top-bar fn-right">
			<a href="{$root}">网站首页</a>
		</div>
	</div>
</div>	
<!-- // Header End -->




<div class="wrap">
	<div class="container fn-clear">
		<div class="ui-gbook fn-left">
			<div class="ui-page ui-page-fixed">
				{$gb_pages}
			</div>
			<!-- // ui-page End -->
			<volist name="gb_list" id="ppvod">
			<div class="ui-gb-item fn-clear">
                <div class="ui-gb-num">
                </div>
                <!-- // ui-gb-num End -->
                <div class="ui-gb-box ui-gb-cnt">
                    <div class="ui-gb-cnt-min">
                        <div class="ui-title">
                            <span>{$ppvod.gb_addtime|date='Y-m-d H:i:s',###}</span>
                            <h5>{$ppvod.gb_floor}楼：{$ppvod.user_name}</h5>						
                        </div>
                        <div class="ui-text">
                            {$ppvod.gb_content|htmlspecialchars|remove_xss}				
                        </div>
					</div>	
                </div>
                <!-- // ui-gb-cnt End -->
                <notempty name="ppvod.gb_intro">
                <div class="ui-gb-box ui-gb-reply">
                    <div class="ui-gb-cnt-min">
                        <div class="ui-title">
                            <h5>管理员回复</h5>						
                        </div>
                        <div class="ui-text">{$ppvod.gb_intro}</div>
                    </div>	
                </div>
                </notempty>
            </div>
            </volist>	
			<div class="ui-page">
				{$gb_pages}
			</div>
			<!-- // ui-page End -->
		</div>
		<!-- // ui-gbook End -->
		<div class="ui-bar fn-right">
			<div class="ui-form">
				<form action="{$root}index.php?s=Gb-Insert" method="post" name="guestbook" id="guestbook">
                <input name="gb_cid" type="hidden" value="{.id}" />
					<div class="ui-form-title">我要留言</div>
					<div class="ui-form-item ui-form-type-msg">
						<p>请选择留言类型！</p>
					</div>
					<div class="ui-form-item">
						<label class="ui-label">请输入您的留言内容：</label>
						<textarea name="gb_content" id="gb_content" rows="6" cols="50" class="ui-input ui-textarea">{$gb_content|default='请留下您的宝贵意见，最多200个字。'}</textarea>
					</div>
					<div class="ui-form-item">
						<input type="submit" class="ui-button" value="发送留言" id="gb_button">
					</div>
				</form>	
			</div>
			<!-- // ui-bar End -->	
			
			<div class="ui-message">
				<p>你可以在顶部的搜索框输入你留言时的用户名就可以看到回复拉！</p>
				<p>百度影音播放不了的情况下，留言时请留下您的QQ，以便我们联系您；</p>
				<p>版权投诉请附带版权所属证明发至邮箱{$email}，请不要在此留言，我们收到邮件后会立刻处理；</p>
			</div>
			<!-- // ui-message End -->		
		</div>
		<!-- // ui-bar End -->
	</div>
	<!-- // container End -->
	
	<div class="ui-copyright">
		Copyright © 2007-20012 {$sitename}	</div>

<div id="back-to-top" style="display: none; "><a href="javascript:void(0);">Back to Top</a></div></div>	
<!-- // wrap End -->
<script language="javascript" src="http://css.qire123.com:83/js/lang.js"></script>


</body></html>